<template>
  <div id="app" @touchstart="handleTouchStart" @touchmove="handleTouchMove">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  methods: {
    handleTouchStart(event) {
      // 处理触摸开始事件，如果有需要的话
    },
    handleTouchMove(event) {
      // 阻止双指触屏放大缩小
      if (event.touches.length > 1) {
        event.preventDefault();
      }
    },
    //换主题
    theme(type) {
      // 在需要修改主题色的地方调用此方法
      // this.$style.setTheme('--primary-color', '#67C23A'); // 修改为新的主题色
      // this.$store.commit('upDate', {themeType: type});  //存储themeType
      window.document.documentElement.setAttribute('data-theme', type)
    }
  },
  // 禁止web端屏幕缩放
  created() {
    window.addEventListener("mousewheel",function (event) {
      if (event.ctrlKey === true || event.metaKey) {event.preventDefault();}},{ passive: false })
  }
}
</script>
<style>

</style>
